{include="header"}

<script type="text/javascript">
   $(document).ready(function() {
      document.f_cerrar_caja.m1c.focus();
      $("#f_cerrar_caja").submit(function(event) {
         event.preventDefault();
         
         if( !$.isNumeric(document.f_cerrar_caja.m1c.value) )
         {
            alert('Cuenta las monedas de 1 céntimo.');
            document.f_cerrar_caja.m1c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m2c.value) )
         {
            alert('Cuenta las monedas de 2 céntimos.');
            document.f_cerrar_caja.m2c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m5c.value) )
         {
            alert('Cuenta las monedas de 5 céntimos.');
            document.f_cerrar_caja.m5c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m10c.value) )
         {
            alert('Cuenta las monedas de 10 céntimos.');
            document.f_cerrar_caja.m10c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m20c.value) )
         {
            alert('Cuenta las monedas de 20 céntimos.');
            document.f_cerrar_caja.m20c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m50c.value) )
         {
            alert('Cuenta las monedas de 50 céntimos.');
            document.f_cerrar_caja.m50c.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m1e.value) )
         {
            alert('Cuenta las monedas de 1 euro.');
            document.f_cerrar_caja.m1e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.m2e.value) )
         {
            alert('Cuenta las monedas de 2 euros.');
            document.f_cerrar_caja.m2e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b5e.value) )
         {
            alert('Cuenta los billetes de 5 euros.');
            document.f_cerrar_caja.b5e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b10e.value) )
         {
            alert('Cuenta los billetes de 10 euros.');
            document.f_cerrar_caja.b10e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b20e.value) )
         {
            alert('Cuenta los billetes de 20 euros.');
            document.f_cerrar_caja.b20e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b50e.value) )
         {
            alert('Cuenta los billetes de 50 euros.');
            document.f_cerrar_caja.b50e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b100e.value) )
         {
            alert('Cuenta los billetes de 100 euros.');
            document.f_cerrar_caja.b100e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b200e.value) )
         {
            alert('Cuenta los billetes de 200 euros.');
            document.f_cerrar_caja.b200e.focus();
         }
         else if( !$.isNumeric(document.f_cerrar_caja.b500e.value) )
         {
            alert('Cuenta los billetes de 500 euros.');
            document.f_cerrar_caja.b500e.focus();
         }
         else
            document.f_cerrar_caja.submit();
      });
   });
</script>

<form id="f_cerrar_caja" name="f_cerrar_caja" action="{$fsc->url()}" method="post">
   <input type="hidden" name="cerrar_caja" value="TRUE"/>
   <div class="container-fluid">
      <div class="row">
         <div class="col-md-12 text-center">
            <h2>Saca el cambio y cuenta las monedas y billetes que tienes en la caja</h2>
         </div>
      </div>
      <div class="row">
         <div class="col-md-12">
            <h3>Monedas</h3>
         </div>
      </div>
      <div class="row">
         <div class="col-md-3">
            <div class="form-group">
               1 céntimo
               <input class="form-control" type="text" name="m1c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               2 céntimos
               <input class="form-control" type="text" name="m2c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               5 céntimos
               <input class="form-control" type="text" name="m5c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               10 céntimos
               <input class="form-control" type="text" name="m10c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               20 céntimos
               <input class="form-control" type="text" name="m20c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               50 céntimos
               <input class="form-control" type="text" name="m50c" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               1 euro
               <input class="form-control" type="text" name="m1e" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               2 euros
               <input class="form-control" type="text" name="m2e" autocomplete="off" placeholder="¿Cuantas?"/>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-md-12">
            <h3>Billetes</h3>
         </div>
      </div>
      <div class="row">
         <div class="col-md-3">
            <div class="form-group">
               5 euros
               <input class="form-control" type="text" name="b5e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               10 euros
               <input class="form-control" type="text" name="b10e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               20 euros
               <input class="form-control" type="text" name="b20e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               50 euros
               <input class="form-control" type="text" name="b50e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               100 euros
               <input class="form-control" type="text" name="b100e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               200 euros
               <input class="form-control" type="text" name="b200e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
         <div class="col-md-3">
            <div class="form-group">
               500 euros
               <input class="form-control" type="text" name="b500e" autocomplete="off" placeholder="¿Cuantos?"/>
            </div>
         </div>
      </div>
      <div class="row" style="margin-top: 30px;">
         <div class="col-md-6">
            <a href="index.php?page=tpv_supermercado" class="btn btn-lg btn-danger">
               <span class="glyphicon glyphicon-remove"></span> &nbsp; Cancelar
            </a>
         </div>
         <div class="col-md-6 text-right">
            <button class="btn btn-lg btn-primary" type="submit">
               <span class="glyphicon glyphicon-floppy-disk"></span> &nbsp; Finalizar
            </button>
         </div>
      </div>
   </div>
</form>

<div class="hidden">
   <iframe src="http://localhost:10080" height="0"></iframe>
</div>

{include="footer"}